<!DOCTYPE html>
<html>
	<head>
	   <style type="text/css">
	    svg path {
           fill: inherit;
        } 
        .codrops-1 use{
          fill: #4BC0A5;
          color: #A4DFD1;
        }
        use.codrops-2 {
         fill: #0099CC;
         color: #7FCBE5;
        }
        .codrops-3 {
          fill: #e05413;
          color: #AEAFDD;
        }
        /* 要想改变颜色，path上最好fill和stroke属性上，不要有填充色  */
      </style>
   </head>
	
   <body>
    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="position: absolute; width: 0; height: 0" aria-hidden="true">
        <symbol xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 1024 1024" id="icon-collapse">
            <path d="M106.24 535.893L271.787 651.52c20.053 14.08 45.653 0 45.653-22.613V395.093c0-5.973-2.133-11.946-5.547-17.066-9.386-12.374-27.306-14.934-40.106-5.547L106.24 488.107c-14.08 11.093-14.08 33.706 0 47.786z m23.04-322.56h785.067c18.773 0 34.133-15.36 34.133-34.133s-15.36-34.133-34.133-34.133H129.28c-18.773 0-34.133 15.36-34.133 34.133s15.36 34.133 34.133 34.133z m0 665.6h785.067c18.773 0 34.133-15.36 34.133-34.133s-15.36-34.133-34.133-34.133H129.28c-18.773 0-34.133 15.36-34.133 34.133s15.36 34.133 34.133 34.133zM419.413 435.2h494.934c18.773 0 34.133-15.36 34.133-34.133s-15.36-34.134-34.133-34.134H419.413c-18.773 0-34.133 15.36-34.133 34.134s15.36 34.133 34.133 34.133z m0 221.867h495.36c18.774 0 34.134-15.36 34.134-34.134s-15.36-34.133-34.134-34.133h-495.36c-18.773 0-34.133 15.36-34.133 34.133v0.427c0 18.347 15.36 33.707 34.133 33.707z" p-id="5715"></path>
        </symbol>
        <symbol xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 1024 1024" id="icon-org">
            <path d="M892.6 310.3L512.1 556.7 131.4 310.3 512.1 64z" fill="#FFFFFF" p-id="16148"></path>
            <path d="M910 519.9l-34.7-53.8-363.2 235.1-363.4-235.1-34.7 53.8 398.1 257.5z" fill="#FFFFFF" p-id="16149"></path>
            <path d="M512.1 883.7L148.7 648.6 114 702.5 512.1 960 910 702.5l-34.7-53.8z" fill="#FFFFFF" p-id="16150"></path>
        </symbol>
        <symbol xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 1024 1024" id="icon-user">
            <path d="M512 274m-210 0a210 210 0 1 0 420 0 210 210 0 1 0-420 0Z" fill="#8C9EFF" p-id="1329"></path>
            <path d="M893.49 960c43.37 0 75.15-34.55 64.4-69.99C901.45 703.94 723.24 568 512 568c-211.24 0-389.45 135.94-445.89 322.01C55.35 925.45 87.14 960 130.51 960h762.98z" fill="#8C9EFF" p-id="1330"></path>
        </symbol>
    </svg>
    <div>
        <svg height="90px" width="69px"  class="codrops-1">
            <use xlink:href="#icon-collapse"/>
        </svg>
        <svg height="90px" width="69px">
            <use xlink:href="#icon-org" class="codrops-2"/>
        </svg>
        <svg height="90px" width="69px" class="codrops-3">
            <use xlink:href="#icon-user"></use>
        </svg>
    </div>
	</body>
</html>